<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购-拼团详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/purchase/coupon.min.css?v=<%=$version%>">
</head>
<body>
<div id="collageAdd" v-cloak>
    <header class="discount-header">
        <span class="goback" @click="getBack()"></span>
        和{{user.name}}拼单吧
    </header>
    <div class="collageAdd-cent">
        <div class="coupon-list">
            <strong class="coupon-lableIcon"></strong>
            <strong class="coupon-txt">{{burstList.discount}}折</strong>
            <!--<strong class="purchase-icon5" v-if="burstList.discount==5"></strong>-->
            <!--<strong class="purchase-icon6" v-if="burstList.discount==6"></strong>-->
            <!--<strong class="coupon-icon3" v-if="burstList.discount==7"></strong>-->
            <!--<strong class="coupon-icon4" v-if="burstList.discount==8"></strong>-->
            <strong class="slide-img" :style="bgimg(burstList.imgSrc)"></strong>
            <h6>{{burstList.title}}</h6>
            <span class="couponInfo-money">{{burstList.integral}}</span>
            <p>有效期：<span>{{beginData}}-{{endData}}</span></p>
        </div>
    </div>
    <div class="collageAdd-butt">
        <div class="collageAdd-centTxt">你的好友{{user.name}}还差<span>{{burstList.lastNum}}人</span>拼单就成功啦</div>
        <div class="collageAdd-buttcent">
            <strong class="buttcent-head" :style="bgimg(user.headImg)">{{user.name}}</strong>
            <!--<p>还差<span>{{burstList.lastNum}}人</span>人拼成</p>-->
            <span class="buttcent-txt">剩余{{hours}}:{{minutes}}:{{seconds}}</span>
            <strong class="buttcent-btn" v-if="burstList.lastNum>0" @click="getIsScreen(2)">去拼单</strong>
            <strong class="buttcent-btn" v-else @click="getNext(4)">已结束</strong>
        </div>
    </div>
    <div id="mask" @click="getIsScreen()" :class="{'maskShow':isScreen}"></div>
    <div id="collageInfoNew" :class="{'maskShow':isScreen==1}">
        <div class="collageAdd-tip">
            <h6>您需要注册登录才能参与拼团！</h6>
            <p><span>{{num}}s</span>后跳转</p>
        </div>
        <b @click="getNext(1)">登录 / 注册</b>
    </div>
    <div id="confirmPayment" :class="{'maskShow':isScreen==2}">
        <h6 class="confirmPayment-title">
            确认付款<span @click="getIsScreen()"></span>
        </h6>
        <div class="confirmPayment-countegral">
            <strong>{{burstList.integral}}</strong>
        </div>
        <div class="confirmPayment-user clearfix">
            支付用户<strong :style="bgimg(userInfo.headImg)"></strong><span>{{userInfo.name}}</span>
        </div>
        <div class="confirmPayment-balance clearfix">
            账号余额<strong v-if="integral<burstList.integral">余额不足</strong><span>{{integral}}</span>
        </div>
        <div class="confirmPayment-btn" v-if="integral<burstList.integral" @click="getNext(3)">去充值</div>
        <div class="confirmPayment-btn1" v-else @click="buyCoupon()">支付</div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/purchase/collageAdd.js?v=<%=$version%>"></script>
</body>
</html>